{extends file="layout/layout.tpl"}

{block name=otherLibraries}
<script type="text/javascript" src="/javascripts/jquery/jquery.qtip.min.js"></script>
<script type="text/javascript" src="/javascripts/jquery.pagination/jquery.pagination.js"></script>
<script type="text/javascript" src="/javascripts/account/index.js"></script>
<link type="text/css" rel="stylesheet" href="/css/account/index.css"/>
<link rel="stylesheet" type="text/css" href="/javascripts/jquery.pagination/pagination.css" media="screen"/>
<link type="text/css" rel="stylesheet" href="/css/account/highlight.css"/>
{/block}

{block name=otherComponents}
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
  <tr>
    <td style="padding: 5px 5px 10px 5px;"><img src="/images/logo.png" alt="Logo" /></td>
	{include file="profile/change_password.tpl"}
  </tr>
  <tr>
    <td colspan="2" style="padding: 10px 5px 0px 5px;">
    	{include file="menu/account.tpl"}
      	<div id="tab_main">
	        <div id="tab_content">
	        	<div class="table_border" id="listAccountTableWrapper" style="display: none;">
		            <table id="listAccountTable" cellpadding="0" cellspacing="0" width="100%">
		            	<thead>
			              <tr>
			                <th style="width: 4em;">STT</th>
			                <th>Họ tên</th>
			                <th>Địa chỉ</th>
			                <th style="width: 8em">Điện thoại bàn</th>
			                <th style="width: 10em">Điện thoại di động</th>
			                <th style="width: 8em" class="sortingHeader">
								<a href="#" id="ascSorting">Trạng thái <img src="/images/account/sort_asc_white.png" alt="sort_asc" /></a>
								<a href="#" id="descSorting" style="display:none">Trạng thái <img src="/images/account/sort_desc_white.png" alt="sort_desc" /></a>
							</th>
			                <th style="width: 5em">Thông tin</</th>
			                <th style="width: 5em">Hợp đồng</th>
			                <th style="width: 5em">Ủy quyền</th>
			                <th style="width: 7em">Chức năng</th>
			              </tr>
						</thead>
						<tbody>
						
						</tbody>
		            </table>
					<div id="accountPagination" class="paginator">
						<div>Testing text</div>
					</div>
	          	</div>
				<div id="selectPrivReport" style="display: none;">Bạn không có quyền liệt kê tài khoản trực tuyến</div>
	        </div>
		</div>
	</td>
  </tr>
  <tr>
  	<td colspan="2" style="padding: 0 5px;" class="footer">&copy; BMSC giữ bản quyền {$smarty.now|date_format: "%Y"}</td>
  </tr>
</table>



<div id="editAccountDialog" title="Sửa tài khoản">
  <form id="editAccountForm" method="post">
  <table width="100%">
    <tr id="editAccountErrorRow">
      <td>&nbsp;</td>
      <td id="editAccountErrorMessage" class="error"></td>
    </tr>    
	<tr>
   		<td align="right">Trạng thái</td>
      	<td>
      		<label><input type="radio" id="editAccountStatusPending" name="editAccountStatus" value="0">Đang xử lý</label>
      		<label><input type="radio" id="editAccountStatusFinished" name="editAccountStatus" value="1">Hoàn tất</label>
      		<input type="hidden" id="editAccountStatusID" name="editAccountStatusID" />
    	</td>
    </tr>
  </table>
  </form>
</div>

<div id="removeAccountDialog" title="Xóa account">
	<form id="removeAccountForm" method="post">
    <div><img src="/images/icon/delete_32.png" align="left" /> Bạn có chắc chắn xóa account có STT: <span id="removeShowAccountID" style="font-weight: bold;"></span>?</div>
    <input type="hidden" id="removeAccountID" name="removeAccountID" />
  </form>
</div>
{/block}